技术 | 前端福音，蚂蚁金服 Ant Design 生态一览

蚂蚁金服是一家互联网金融服务公司，前身是支付宝，2020 年 7 月份正式更名为蚂蚁集团，并且于 7 月 20 日公开了上市计划，一时轰动了整个互联网。

随着蚂蚁上市计划的公开，这家公司人气越来越高，已然是一个互联网大厂，其背后的技术和团队也得到了更多人的关注和重视。

今天，我们来看一下，这家金融服务公司背后优秀的前端技术生态 —— Ant Design。

Ant Design

Ant Design 不仅仅是一套企业级的产品设计体系，还遵循这套设计体系提供了丰富的、规范和风格一致的前端 UI 组件。

随着 Web 前端技术的发展，以及蚂蚁自身金融业务的发展，蚂蚁金服技术团队还创造了移动端组件库、企业级中后台管理系统、页面生成工具、脚手架市场、动效库、数据可视化库等。为保证用户得到最好的视觉体验，以上所有组件全部遵循一致的设计风格，即 Ant Design。因此，Ant Design 的生态可以说是非常强大。蚂蚁金服的各个项目中，都有使用到 Ant Design。

Ant Design 中文主页：https://ant.design/index-cn

Ant Design 组件库

Ant Design 提供了精美全面的组件库，主要用于开发企业级中后台产品，支持现在主流的三大前端开发框架 React（主要）、Vue、Angular，并提供了详细的文档，能够帮助开发者快速上手。

Ant Design of React 文档：https://ant.design/docs/react/introduce-cn

Ant Design of Angular 文档：https://ng.ant.design/docs/introduce/zh

Ant Design of Vue：https://www.antdv.com/docs/vue/introduce-cn/

Ant Design Mobile

移动端流行的时代，怎么能少了移动 UI 库呢？Ant Design Mobile 就是 Ant Design 组件库的移动端版本，支持 React 和 Angular 两个主流开发框架，提供了丰富的组件，直接打开文档，复制代码略加修改即可使用组件。

Ant Design Mobile of React 文档：https://mobile.ant.design/docs/react/introduce-cn

Ant Design Mobile of Angular 文档：https://ng.mobile.ant.design/#/docs/introduce/zh

Ant Design Pro

开箱即用的中后台前端系统，封装了各种企业后台系统常用的页面和组件，比如监控页、表单页等等，甚至还有强大的图形编辑器！非常适合有 React 开发经验的同学直接使用（不建议小白直接使用，可能不会修改）！

地址：https://pro.ant.design/index-cn

Ant Design Landing

Ant Design Landing 可以说是前端开发者「偷懒」的神器，不用写代码，就能开发一个个精美的网站首页。

平台拥有丰富的各类首页模板，下载模板代码包，即可快速使用。

还可以在现有模板的基础上进行定制化编辑，快速搭建一个属于你的专属首页：

地址：https://landing.ant.design/index-cn

Scaffolds 脚手架

And Design 脚手架市场，允许开发者开发自己的模板页面、项目启动框架、组件、工具等并在此分享。可以在这里找到很多节省开发工作量的现成优秀代码。

地址：https://scaffold.ant.design

Ant Motion 动效库

Ant Design 风格的动效库，提供各种常用的动画和灵活的高级动效组件，让你的页面栩栩如生。

地址：https://motion.ant.design/index-cn

AntV 数据可视化

蚂蚁金服是一家金融互联网公司，怎么少得了数据可视化呢？因此，团队开发了 AntV。

AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。

提供了各种类型的图表、数据可视化引擎、地理空间数据可视化、图分析组件、跨平台兼容的移动端数据可视化，还提供了在线制作图表的工具 ChartCube 图表魔方。每一个产品都是大制作！

用图表魔方制作图表：

AntV 官网：https://antv.vision/zh

Ant Design Charts 图表库

对 AntV 数据可视化组件的封装，能够以 Ant Design React 组件的方式直接使用图表，不得不说，真是太贴心了！

地址：https://charts.ant.design/

---

以上就是对蚂蚁金服 Ant Design 生态的介绍啦，前端开发者们，一定要试一下！

想了解更多蚂蚁金服的前端技术和产品，可以点击下方阅读原文前往蚂蚁体验科技官网哦~